$colors:(
  'primary': #02a774,
  'green':#4cd96f,
  'green-1':#6ac20b,
  'yellow': #F5A100,
  'grey': #e4e4e4,
  'grey-1':#999,
  'grey-2':#666,
  'grey-3':#ccc,
  'black':#333,
  'grey-4':#93999f,
  'border':#f1f1f1,
  'orange':#ff6000,
  'orange-1':#f90,
  'white':#fff,
  'red':#ff5f3e,
  'red-1':#f01414
);

$font-base-size:1rem;
$font-sizes:(
  'small':0.615,//8px
  'xss':0.769, //10px
  'xs':0.846,//11
  's':0.923, //12
  'm':1,   //13
  'xm':1.077, //14
  'l':1.154,//15
  'xl':1.231,//16
  'xxl':1.385, //18
  'title':1.538, //20
  'number-1':1.846, //24
  'number':2.308,//30
  'login':3.077,//40
);
.text-center {
  text-align: center;
}
.font-weight {
  font-weight: 700;
}
//省略号
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
$border-size : 0.077rem ;
$border-position:(
  l:left,
  r:right,
  b:bottom,
  t:top
);
.border-b{
  border-bottom: 1px solid #e4e4e4;
}
.border-t {
  border-top: 1px solid #e4e4e4;
}
  //定义flex
.display-flex{
  display: flex;
}
.flex-1{
  flex: 1;
}
.wrap{
  flex-wrap: wrap;
}
//justify-content决定了flex items在main axis上的对齐方式
$flex-jc:(
  start:flex-start,
  end:flex-end,
  center:center,
  between:space-between,
  around:space-around
);
//align-items（决定了flex items在cross axis上的对齐方式）
$flex-ai:(
  start:flex-start,
  end:flex-end,
  center:center,
  stretch:stretch
);

$position-type:(
  m:margin,
  p:padding
);
$position-diretion:(
  l:left,
  r:right,
  t:top,
  b:bottom
);
//spaceing size
$spacing-base-size:1rem;
$spacing-sizes:(
  0:0,    //0
  1:0.25, //3
  2:0.692,  //8
  3:1,    //12
  4:1.5,  //18
  5:3,     //36
  6:1.923, //25
  'login':2.308
);
